<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/wen-login.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2344191_0bzeu3r0yikh.css">

</head>

<body>
    <div class="app">
        <!-- 页头部分 -->
        <header class="headerbar">
            <div class="headerbar-left">
                <a href="./wen-index.html" class="navigation">
                    <i class="iconfont icon-zuojiantou"></i>
                </a>
            </div>
            <!-- 个人中心 -->
            <div class="headerbar-center">
                <p class="headerbar-content">登录注册</p>
            </div>
            <div class="headerbar-right">
                <a href="#" class="navigation headerbar-menu-toggle">
                    <i class="iconfont icon-mulu"></i>
                    <!-- 展开页面 -->
                    <nav class="headerbar-menu headerbar-menu1">

                        <div class="headerbar-menu-item">
                            <!-- <a href=""></a> -->
                            <div class="nei">
                                <i class="iconfont icon-shouye"></i>
                                <span>首页</span>
                            </div>
                        </div>
                        <div class="headerbar-menu-item">
                            <div class="nei">
                                <i class="iconfont icon-iconfontcategory"></i>
                                <span>分类搜索</span>
                            </div>
                        </div>
                        <div class="headerbar-menu-item">
                            <div class="nei">
                                <i class="iconfont icon-gouwuche"></i>
                                <span>购物车</span>
                            </div>
                        </div>
                        <div class="headerbar-menu-item">
                            <div class="nei">
                                <i class="iconfont icon-xiaolian"></i>
                                <span>我的</span>
                            </div>
                        </div>
                    </nav>
                </a>
            </div>

        </header>
        <!-- logo -->
        <div class="hualogo">
            <img src="https://img02.hua.com/m/login/wx_login_logo.png" alt="">
        </div>
        <!-- 待补充区域------登录框 -->
        <!-- 登录区域 -->
        <div class="tab">
            <div class="login  ffff active">
                <!-- 账号栏 -->
                <div class="login-item">
                    <div class="login-item-title">手机号</div>
                    <div class="login-item-info labelbox">
                        <input class="dl-zhanghao user" type="text" placeholder="请输入手机号" value="19088998899">
                        <p class="userErr"></p>
                    </div>
                </div>
                <!-- 密码栏 -->
                <div class="login-item">
                    <div class="login-item-title ">密码</div>
                    <div class="login-item-info labelbox">
                        <input class="dl-mima pw" type="text" placeholder="请输入6-12位密码" value="abfg123_">
                        <p class="pwErr"></p>
                    </div>
                </div>
            </div>
            <!-- 2222222222222222222222222222222222222222222 -->
            <!-- 待补充区域------登录框 -->
            <!-- 注册区域 -->
            <div class="reg ffff ">
                <!-- 账号栏 -->
                <div class="login-item">
                    <div class="login-item-title">手机号</div>
                    <div class="login-item-info labelboxss">
                        <input class="dl-zhanghao user" type="text" placeholder="请输入手机号">
                        <p class="userErr"></p>
                    </div>
                </div>
                <!-- 密码栏 -->
                <div class="login-item">
                    <div class="login-item-title ">密码</div>
                    <div class="login-item-info labelboxss">
                        <input class="dl-mima pw" type="text" placeholder="请输入6-12位密码">
                        <p class="pwErr"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="butss">
            <button class="to-login buts active" data-i="0">登录</button>
            <button class="login-by-password  buts" data-i="1">注册</button>
        </div>




        <!-- 页脚区 -->
        <div class="quick">
            <div class="quick-tips">
                其他登录方式
            </div>
            <div class="quick-login">
                <div class="quick-login-item">
                    <i class="iconfont icon-QQ"></i>
                    <span>QQ</span>
                </div>
                <div class="quick-login-item">
                    <i class="iconfont icon-zhifubao"></i>
                    <span>支付宝</span>
                </div>
                <div class="quick-login-item">
                    <i class="iconfont icon-youxiang"></i>
                    <span>邮箱注册</span>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/reg.js"></script>
    <script src="./js/logintab.js"></script>
    <script src="./js/login.js"></script>

    <!-- <script src="./js/wen-login.js"></script> -->
    <script>
        var flag = true

        $(".headerbar-menu-toggle").click(function() {
            // console.log(1);
            if (flag) {
                $(".headerbar-menu-toggle>.headerbar-menu1").show()
                flag = false
            } else {
                $(".headerbar-menu-toggle>.headerbar-menu1").hide()
                flag = true
            }

        })
    </script>
</body>

</html>